html{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    /*background: url("https://api.ixiaowai.cn/mcapi/mcapi.php") no-repeat 0px 0px;*/
}
#container{
    height: 100%;
    width: 100%;
}
#login {
    top: 50%;
    left: 50%;
    width: 300px;
    height:300px;
    background-color: #bce8f1;
    text-align: center;
}
#sex{
    text-align: left;
    margin: 0 0 0 26px;
}
.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    ". . ."
    ". login ."
    ". . .";
}

.login {
    grid-area: login;

}
